<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jwplayer视频播放器</title>
    <link rel="stylesheet" href="weuix.min.css">
</head>
<body>
<div class="container">
    <div class="weui-weixin">
        <div class="weui-weixin-ui">
            <!--页面开始-->
            <div class="weui-weixin-page">
                <h2 class="weui-weixin-title">jwplayer视频播放器</h2>
                <div class="weui-weixin-info"><!--meta-->
                    <span class="weui-weixin-em">2018-08-03</span>
                    <em class="weui-weixin-em" >支持pc</em>
                    <em class="weui-weixin-em"></em>
                    <a class="weui-weixin-a weui-weixin-nickname" href="javascript:void(0);" >需要申请key</a>
                </div><!--meta结束-->

                <div class="weui-weixin-content center"><!--内容-->
                  <script type="text/javascript" src="jwplayer.js"></script>
<script>jwplayer.key="4sNBpozdkb2Gv+IYeWyd+CID9tW2NXdJE5GeSg==";//修改为自己的key</script>
<div id="player">
Loading...
</div>
<script type="text/javascript">
jwplayer("player").setup({
	"file": "mp4.mp4",//视频文件路径

	"aspectratio": "16:9",//播放器自适应比例
	"height": "360",//播放器高度
	"width":"640",
	"type":"mp4",//播放文件类型（可选）
	"title": "测试标题",//标题（可选）
	"description": "测试视频描述",//描述（可选）
	"image": "",//视频封面（可选）
	"repeat":"true",//重复播放（留空则不重复播放）
	"autostart":"true",//自动播放（留空则不启用自动播放）
});
</script> 
                </div><!--内容结束-->

                <div class="weui-weixin-tools">

                    <div class="weui-weixin-read">播放<span id="readnum">100000+</span></div>

                </div><!--工具条结束-->


            </div><!--页面结束-->


        </div>
    </div>
</div>

<div class="weui-footer weui-footer-fixed-bottom">
            <p class="weui-footer-links">
              
            </p>
            <p class="weui-footer__text">Copyright &copy; 20018 版权所有</p>
        </div>
</body>
</html>